* {
  padding: 0;
  margin: 0;
  list-style: none;
}

header {
  position: sticky;
  left: 0;
  top: 0;
  width: 100%;
  height: 44px;
  background-color: #5ACCC6;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  padding: 0 15px;
}

header p {
  flex: 1;
  text-align: center;
  margin: 0;
}

.sellhousediv,
.rentoutdiv {
  overflow-y: scroll;
  width: 100%;
  height: 100%;
}

.upload img {
  width: 100px;
  height: 100px;
}

.upload i {
  background-color: #e9e8e8;
  width: 50px;
  line-height: 50px;
  font-size: 50px;
  color: #ccc;
}

.body .r {
  font-size: 21px;
  color: #666;
}

.body .sellfirstli {
  background-color: #fadada !important;
  color: #ec1616 !important;
  padding: 10px;
}

.body .sellfirstli p {
  margin: 0;
}

.body .uploadli {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.body .uploadli .c {
  flex: 1;
  margin: 0 15px;
}

.body .uploadli .c p:nth-child(1) {
  font-size: 18px;
  color: #666;
  margin: 0;
}

.body .uploadli .c p:nth-child(2) {
  font-size: 11px;
  color: #ccc;
  margin-top: 5px;
  margin: 0;
}

.body .uploadli .l {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  background-color: #f0f0f0;
  color: #ccc;
  font-weight: normal;
}

.sellhousediv {
  background-color: #f0f0f0;
}

.sellhousediv .body > div {
  margin-bottom: 2px;
  padding: 10px;
  background-color: #fff;
}

.sellhousediv .body .choosemsg li {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #bbb;
  align-items: flex-end;
}

.sellhousediv .body .choosemsg li .r {
  padding: 10px 0;
}

.sellhousediv .body .choosemsg li .c {
  flex: 1;
}

.sellhousediv .body .choosemsg li .c .choosetitle {
  color: #888;
  font-size: 15px;
}

.sellhousediv .body .choosemsg li .c p {
  margin: 10px 0;
  font-size: 14px;
}

.sellhousediv .body .fillInLi {
  padding: 10px 0;
}

.sellhousediv .body .fillInLi input {
  width: 80px;
  border: 0;
}

.sellhousediv .body .fillInr .r {
  font-size: 14px;
  padding-bottom: 10px;
  color: #888;
}

.sellhousediv .body .fillInr input {
  border: 0;
}

.choosediv2 .spans span {
  padding: 5px 15px;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
  margin: 5px 6px;
  display: inline-block;
}

.choosediv2 .fillInr {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #bbb;
  align-items: flex-end;
}

.choosediv2 .fillInr .r {
  font-size: 21px;
  padding: 10px 0;
  color: #666;
}

.choosediv2 .fillInr .c {
  flex: 1;
}

.choosediv2 .fillInr .c .choosetitle {
  color: #888;
  font-size: 15px;
}

.choosediv2 .fillInr .c p {
  margin: 10px 0;
  font-size: 14px;
}

.foot {
  background-color: none;
}

.foot button {
  width: 80%;
  height: 40px;
  color: #fff;
  text-align: center;
  line-height: 40px;
  border-radius: 30px;
  background-color: #5ACCC6;
  border: 0;
  font-size: 16px;
  margin: 10px 10%;
}

.foot p {
  margin: 0 auto;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.chooseplot {
  width: 100%;
  height: 100%;
  background-color: #f0f0f0;
}

.chooseplotlist {
  background-color: #fff;
}

.chooseplotlist li {
  padding: 12px 16px;
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  border-bottom: 1px solid #ccc;
}

.chooseplotlist li span {
  font-size: 20px;
  color: #999;
}

.chooseplotsearch {
  padding: 10px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.chooseplotsearch input {
  flex: 1;
  margin-right: 15px;
  height: 30px;
}

.chooseplotsearch button {
  background-color: #5ACCC6;
  border: 0;
  color: #fff;
  height: 30px;
  width: 50px;
}

.uploadImgdiv {
  background-color: #fff;
  width: 100%;
  height: 100%;
}

.uploadImgdiv img {
  width: 100px;
  margin: 0 15px;
}

.uploadImgdiv .file-picker-wrapper {
  display: flex;
}

.uploadImgdiv .file-picker-closebtn {
  width: 15px;
  padding: 0 !important;
}

.uploadImgdiv .za-badge--sup .za-badge__content {
  left: 80%;
  padding: 0;
}

.uploadImgdiv .upimgone i {
  padding: 3px;
}

.uploadImgdiv .uploadfinish {
  font-size: 13px;
}

.uploadImgdiv .uploadimglength {
  text-align: right;
  margin: 0;
  padding: 15px;
  padding-bottom: 0;
}

.upimgone {
  margin: 20px;
}

.upimgone h2 {
  margin: 25px 0;
}

.upimgone .za-icon--default {
  background-color: #eee;
  padding: 10px;
}

.buyhousetime {
  padding: 10px 0;
}

.buyhousetime p {
  margin: 15px 0;
}

.buyhousetime span {
  display: inline-block;
  padding: 13px 30px;
  border: 1px solid #ccc;
}

.spans .active {
  background-color: red !important;
  color: #fff;
}

.payenddiv {
  width: 100%;
  height: 100%;
}

.payenddiv h1 {
  text-align: center;
  margin: 70px 0;
}

.payenddiv .history {
  display: flex;
  justify-content: space-between;
  padding: 0 50px;
}

.payenddiv .history button {
  padding: 6px 16px;
  border: 1px solid #ccc;
  border-radius: 30px;
}
